<template>
  <div id="main">
    <mavon-editor v-model="localValue"  v-bind="$attrs"/>
  </div>
</template>
<script>
export default {
  name: 'markDown',
  props: {
    value: {
      type: String,
      default: () => {
        return ''
      }
    }
  },
  computed: {
    localValue: {
      get () {
        return this.value;
      },
      set (val) {
        this.$emit('input', val)
      }
    }
  },
  data() {
    return {
      markdownOption: {
        bold: true, // 粗体
        // ... // 更多配置
      }
    }
  }
}
</script>

<style scoped>
.mavonEditor {
  width: 100%;
  height: 100%;
}
</style>